{template header_static2.html}
<body>
    <!--页头开始-->
    <div class="header_main por" id="header_main" aos="fade-down" aos-easing="ease" aos-duration="700" aos-delay="100">
        <div class="header w1200 por clearfix"><a class="logo" href="index.html" title="蛋糕面包食品网站模板"> <img
                    src="{HOME_THEME_PATH}picture/1-2201131JKC21.png" alt="蛋糕面包食品网站模板"></a>
            <!--导航开始-->
            <div id="nav_main">
                <ul class="nav" id="nav">
                    <li id="cur"><a class="aLink" href="index.html">首页</a></li>
                    <li class=''> <a class="aLink" href="guanyuwomen.html">关于我们</a>
                        <ul class="subnav">
                            <li class="nav1"><a href="zhaopin.html">人才招聘</a></li>
                            <li class="nav1"><a href="qiyewenhua.html">企业文化</a></li>
                            <li class="nav1"><a href="gongsirongyu.html">公司荣誉</a></li>
                        </ul>
                    </li>
                    <li class='hover'> <a class="aLink" href="chanpinzhongxin.html">产品中心</a>
                        <ul class="subnav">
                            <li class="nav1"><a href="cp1.html">手工土司</a></li>
                            <li class="nav1"><a href="cp2.html">西点</a></li>
                            <li class="nav1"><a href="cp3.html">饮品</a></li>
                            <li class="nav1"><a href="cp4.html">营养早餐</a></li>
                            <li class="nav1"><a href="cp5.html">软欧面包</a></li>
                            <li class="nav1"><a href="cp6.html">法式面包</a></li>
                        </ul>
                    </li>
                    <li class=''> <a class="aLink" href="xinwendongtai.html">新闻动态</a>
                        <ul class="subnav">
                            <li class="nav1"><a href="xingyexinwen.html">行业新闻</a></li>
                            <li class="nav1"><a href="qiyexinwen.html">企业新闻</a></li>
                        </ul>
                    </li>
                    <li class=''> <a class="aLink" href="canting.html">餐厅展示</a>
                        <ul class="subnav">
                            <li class="nav1"><a href="al1.html">法式餐厅</a></li>
                            <li class="nav1"><a href="al2.html">中式餐厅</a></li>
                            <li class="nav1"><a href="al3.html">欧式餐厅</a></li>
                            <li class="nav1"><a href="al4.html">美式餐厅</a></li>
                        </ul>
                    </li>
                    <li class=''> <a class="aLink" href="zaixianliuyan.html">在线留言</a>
                        <ul class="subnav">
                        </ul>
                    </li>
                    <li class=''> <a class="aLink" href="lianxiwomen.html">联系我们</a>
                        <ul class="subnav">
                        </ul>
                    </li>
                </ul>
            </div>
            <!--导航结束-->
            <div class="tel_main">
                <p class="zx">24小时咨询热线</p>
                <p class="tel">+86 0000 88888</p>
            </div>
            <!--搜索栏开始-->
            <div class="header_search poa">
                <div class="search_btn icon"></div>
                <div class="search_main">
                    <div class="search_box clearfix">
                        <form method="get" action="/17571/index.php?m=home&c=Search&a=lists"
                            onsubmit="return searchForm();">
                            <input type="submit" value="" class="sbtn fr icon">
                            <input class="stxt fr" type="text" name="keywords" id="keywords" value="请输入关键字"
                                onfocus="if(this.value==defaultValue)this.value=''">
                            <input type="hidden" name="m" value="home"><input type="hidden" name="c"
                                value="Search"><input type="hidden" name="a" value="lists"><input type="hidden"
                                name="lang" value="cn"> </form>
                    </div>
                </div>
            </div>
            <!--搜索栏结束-->
        </div>
    </div>
    <!--页头结束-->
    <!--内页大图开始-->
    <div class="nybanner" style="background-image: url({HOME_THEME_PATH}image/nybanner2.jpg);">
        <div class="w1200">
            <h3>产品中心</h3>
            <span class="en">Product Center</span> <span class="line"></span>
        </div>
    </div>
    <!--内页大图结束-->
    <div class="wrapper">
        <!--栏目分类开始-->
        <div class="menu">
            <ul class="list clearfix">
                <li class="hover"><a class="nav1" href="cp1.html" title="手工土司">手工土司<s></s></a> </li>
                <li class=""><a class="nav1" href="cp2.html" title="西点">西点<s></s></a> </li>
                <li class=""><a class="nav1" href="cp3.html" title="饮品">饮品<s></s></a> </li>
                <li class=""><a class="nav1" href="cp4.html" title="营养早餐">营养早餐<s></s></a> </li>
                <li class=""><a class="nav1" href="cp5.html" title="软欧面包">软欧面包<s></s></a> </li>
                <li class=""><a class="nav1" href="cp6.html" title="法式面包">法式面包<s></s></a> </li>
            </ul>
        </div>
        <!--栏目分类结束-->
        <div class="sitepath w1200"><s class="nyIcon"></s>您的位置： <a href='index.html' class=''>主页</a> > <a
                href='chanpinzhongxin.html' class=''>产品中心</a> > <a href='cp1.html'>手工土司</a></div>
        <!--图片内容开始-->
        <div class="content showNews clearfix" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
            <h1 class="title">产品中心标题六</h1>
            <div class="mark"><span>发布日期：2019-01-09 08:53</span><span>浏览次数：<i id="hits">
                        <script
                            src='https://demoall.kuaituiyun.cn/17571/index.php?m=api&c=Ajax&a=arcclick&type=view&aids=18'
                            type='text/javascript' language='javascript'></script>
                    </i></span></div>
            <!--组图开始-->
            <div class="MainBg">
                <div class="HS10"></div>
                <div class="OriginalPicBorder">
                    <div id="OriginalPic">
                        <div id="aPrev" class="CursorL" title="上一张"></div>
                        <div id="aNext" class="CursorR" title="下一张"></div>
                        <p class="Hidden"><span class="SliderPicBorder FlRight"><img
                                    src="{HOME_THEME_PATH}picture/1-1Z10ZU324.jpg" alt="产品中心标题六"></span><span
                                class="Clearer"></span></p>
                        <p class="Hidden"><span class="SliderPicBorder FlRight"><img
                                    src="{HOME_THEME_PATH}picture/1-1Z10ZU326.jpg" alt="产品中心标题六"></span><span
                                class="Clearer"></span></p>
                        <p class="Hidden"><span class="SliderPicBorder FlRight"><img
                                    src="{HOME_THEME_PATH}picture/1-1Z10Q645530-L.jpg" alt="产品中心标题六"></span><span
                                class="Clearer"></span></p>
                    </div>
                </div>
                <div class="HS15"></div>
                <div class="ThumbPicBorder"> <img src="{HOME_THEME_PATH}picture/arrowl.jpg" id="btnPrev" class="FlLeft">
                    <div class="pic">
                        <div class="jCarouselLite FlLeft">
                            <ul id="ThumbPic">
                                <li rel='0'><img src="{HOME_THEME_PATH}picture/1-1Z10ZU324.jpg" alt="产品中心标题六"></li>
                                <li rel='1'><img src="{HOME_THEME_PATH}picture/1-1Z10ZU326.jpg" alt="产品中心标题六"></li>
                                <li rel='2'><img src="{HOME_THEME_PATH}picture/1-1Z10Q645530-L.jpg" alt="产品中心标题六"></li>
                            </ul>
                            <div class="Clearer"></div>
                        </div>
                    </div>
                    <img src="{HOME_THEME_PATH}picture/arrowr.jpg" id="btnNext" class="FlLeft">
                    <div class="Clearer"></div>
                </div>
            </div>
            <!--组图结束-->
            <script type="text/javascript">
                //缩略图滚动事件
                $(".jCarouselLite").jCarouselLite({
                    btnNext: "#btnNext",
                    btnPrev: "#btnPrev",
                    scroll: 1,
                    speed: 240,
                    circular: false,
                    visible: 6
                });
            </script>
            <script type="text/javascript">
                var currentImage;
                var currentIndex = -1;

                //显示大图(参数index从0开始计数)
                function showImage(index) {

                    //更新当前图片页码
                    $(".CounterCurrent").html(index + 1);

                    //隐藏或显示向左向右鼠标手势
                    var len = $('#OriginalPic img').length;
                    if (index == len - 1) {
                        $("#aNext").hide();
                    } else {
                        $("#aNext").show();
                    }

                    if (index == 0) {
                        $("#aPrev").hide();
                    } else {
                        $("#aPrev").show();
                    }

                    //显示大图            
                    if (index < $('#OriginalPic img').length) {
                        var indexImage = $('#OriginalPic p')[index];

                        //隐藏当前的图
                        if (currentImage) {
                            if (currentImage != indexImage) {
                                $(currentImage).css('z-index', 2);
                                $(currentImage).fadeOut(0, function () {
                                    $(this).css({
                                        'display': 'none',
                                        'z-index': 1
                                    })
                                });
                            }
                        }

                        //显示用户选择的图
                        $(indexImage).show().css({
                            'opacity': 0.4
                        });
                        $(indexImage).animate({
                            opacity: 1
                        }, {
                            duration: 200
                        });

                        //更新变量
                        currentImage = indexImage;
                        currentIndex = index;

                        //移除并添加高亮
                        $('#ThumbPic img').removeClass('active');
                        $($('#ThumbPic img')[index]).addClass('active');

                        //设置向左向右鼠标手势区域的高度                        
                        //var tempHeight = $($('#OriginalPic img')[index]).height();
                        //$('#aPrev').height(tempHeight);
                        //$('#aNext').height(tempHeight);                        
                    }
                }

                //下一张
                function ShowNext() {
                    var len = $('#OriginalPic img').length;
                    var next = currentIndex < (len - 1) ? currentIndex + 1 : 0;
                    showImage(next);
                }

                //上一张
                function ShowPrep() {
                    var len = $('#OriginalPic img').length;
                    var next = currentIndex == 0 ? (len - 1) : currentIndex - 1;
                    showImage(next);
                }

                //下一张事件
                $("#aNext").click(function () {
                    ShowNext();
                    if ($(".active").position().left >= 144 * 5) {
                        $("#btnNext").click();
                    }
                });

                //上一张事件
                $("#aPrev").click(function () {
                    ShowPrep();
                    if ($(".active").position().left <= 144 * 5) {
                        $("#btnPrev").click();
                    }
                });

                //初始化事件
                $(".OriginalPicBorder").ready(function () {
                    ShowNext();

                    //绑定缩略图点击事件
                    $('#ThumbPic li').bind('click', function (e) {
                        var count = $(this).attr('rel');
                        showImage(parseInt(count) - 0);
                    });
                });
            </script>
            <div class="showContxt">
                面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、焙烤、冷却等过程加工而成的焙烤食品。
            </div>
            <!--分享代码开始-->
            <!--分享代码结束-->
            <div class="reLink clearFix">
                <div class="prevLink fl"> <a href='17.html' title='产品中心标题五'> 上一篇：产品中心标题五 </a> </div>
                <div class="nextLink fl"> <a>下一篇：暂无</a> </div>
            </div>
            <!--产品推荐开始-->
            <div class="relateNews">
                <div class="n-tit"><a class="more fr" href="chanpinzhongxin.html" title="查看更多 &gt;&gt;">查看更多
                        &gt;&gt;</a>
                    <h3><s></s>产品推荐</h3>
                </div>
                <ul class="list clearfix">
                    <li class="item"><a href="" title="产品中心标题六"><img src="{HOME_THEME_PATH}picture/1-1Z10ZU3150-L.jpg"
                                alt="产品中心标题六">
                            <h3>产品中心标题六</h3>
                            <span class="time">2019-01-09</span>
                            <p>面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、...</p>
                        </a></li>
                    <li class="item"><a href="17.html" title="产品中心标题五"><img src="{HOME_THEME_PATH}picture/1-1Z10ZU2400-L.jpg"
                                alt="产品中心标题五">
                            <h3>产品中心标题五</h3>
                            <span class="time">2019-01-09</span>
                            <p>面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、...</p>
                        </a></li>
                    <li class="item"><a href="16.html" title="产品中心标题四"><img src="{HOME_THEME_PATH}picture/1-1Z10ZU2190-L.jpg"
                                alt="产品中心标题四">
                            <h3>产品中心标题四</h3>
                            <span class="time">2019-01-09</span>
                            <p>面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、...</p>
                        </a></li>
                    <li class="item"><a href="15.html" title="产品中心标题三"><img src="{HOME_THEME_PATH}picture/1-1Z10ZU1310-L.jpg"
                                alt="产品中心标题三">
                            <h3>产品中心标题三</h3>
                            <span class="time">2019-01-09</span>
                            <p>面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发、...</p>
                        </a></li>
                </ul>
            </div>

            <!--产品推荐结束-->
        </div>
        <!--图片内容结束-->
    </div>
    {template footer.html}
    <script src="{HOME_THEME_PATH}js/aos.js"></script>
    <script src="{HOME_THEME_PATH}js/app.js"></script>
    <script type="text/javascript">
        AOS.init({
            easing: 'ease-out-back',
            duration: 1000
        });
    </script>
</body>

</html>